//less.js写css：https://www.cnblogs.com/zhanggf/p/5903410.html
//https://blog.csdn.net/xustart7720/article/details/78687559
//less.js，rem移动端适配：https://blog.csdn.net/qq_17347575/article/details/79291611
//水平居中，垂直居中完整攻略：https://blog.csdn.net/summer_lover_/article/details/66479576
//vw : 1vw 等于视口宽度的1%
//vh : 1vh 等于视口高度的1%
//vmin : 选取 vw 和 vh 中最小的那个
//vmax : 选取 vw 和 vh 中最大的那个

//// 这里的 7.5 指的是设计稿使用的是标准尺寸是 750 px. 可以根据不同的情况进行修改
//html {
//  font-size: calc(100vw/7.50);
//}

//@rem: 100rem;
//  // 这里的 35, 500 指的是在设计稿上，该 div 的高 35px, 宽 500px
//div {
//  height: 35/@rem;
//  width: 500/@rem;
//}
html,body{
  width:100%;
  height:100%;
  font-size: calc(100vw/7.20);
  color: #000;
  background: #fff;
  overflow-y: scroll;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;//iPhone在坚屏转向横屏时放大文字
  -ms-text-size-adjust: 100%;
}

@rem:54rem;

/*!*去除a标签点击样式*!*/
body{
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  padding-top: constant(safe-area-inset-top);
  padding-left: constant(safe-area-inset-left);
  padding-right: constant(safe-area-inset-right);
  /*padding-bottom: constant(safe-area-inset-bottom);*/
}

*{
  padding:0;
  margin:0;
  list-style: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0)
}

i,span,a{
  display:inline-block;
}

a{
  text-decoration:none;
  color:#000;
  cursor:pointer;
}
i{
  font-style:normal;
}

.line2{display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  word-break:break-all;
  overflow: hidden;
}
.over{
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  word-break:break-all;
}

input,button,textarea{
  border:none;
  background:none;
}

/*去除焦点样式*/
button,input,textarea{
  outline: none!important;
}
/*去除textarea右下角拖动放大图标*/
textarea{
  resize:none
}

/*去除ul，li的默认样式*/
ul,li{
  padding:0;
  margin:0;
  list-style:none;
}

/*去除type=number时的默认样式*/
input[type=number] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}

::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background-color: #f5f5f5;
}

@color:#fcf9f0,red,blue;
.justify-content{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  align-items: center;
}

#app{
  width:100%;
  height:100%;
}
/*头部*/
#favorite {
  width:100%;
  height:100%;
  background-color: extract(@color,1);
  overflow-y: scroll;

  &>.head-block{// 这里的 35, 500 指的是在设计稿上，该 div 的高 35px, 宽 500px
    width:100%;
    height: 80/@rem;
    background:#e13955;
    .justify-content();

    &>.head-container{
      width:500/@rem;
      height:60/@rem;
      background:extract(@color,2);

      &>.head-avatar{
        width:60/@rem;
        height:60/@rem;
        background:url('../../image/avatar.png') center no-repeat;
      }
    }
  }

  &>.footer-block{

  }
}

#fff{
  #favorite > .head-block > .head-container;//复用其他样式下的部分代码
}


#aaa{
  background:~"url('image/check-all-yes.png') center no-repeat";
  @calc:58/@rem;
  display:block;
  width:calc(~"100% - @{calc}");//less中的calc计算：https://blog.csdn.net/playboyanta123/article/details/50408335
//history.go(-1);location.replace(document.referrer);返回并刷新页面
//  box-shadow:10px 10px 10px 10px red;//右,下，延展，高度，颜色
}

/*底部栏*/
